<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>粉丝管理</title>
<link href="../css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<link href="../font-awesome/css/font-awesome.css?v=4.3.0"
	rel="stylesheet">
<link href="../css/animate.css" rel="stylesheet">
<link href="../css/style.css?v=2.2.0" rel="stylesheet">
</head>
<body>
	<div id="wrapper">
		<%@ include file="../include/left.jsp"%>

		<div id="page-wrapper" class="gray-bg dashbard-1">
			<%@ include file="../include/head.jsp"%>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>粉丝添加管理</h2>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight"></div>


			<div
				style="width: 1000px; height: 1000px; background: #fff; margin-top: -30px;position:relative;">
				<div
					style="width: 100px; margin: 0 auto; height: 100px; background: #22b804; border-radius: 50px; line-height: 20px;">
					<p style="text-align: center; color: #fff;padding-top:10px;">用户：9527</p>
					<p style="text-align: center; color: #fff;">左边:2</p>
					<p style="text-align: center;; color: #fff;">右边:0</p>
				</div>
				
				<div class="fixed_shuju" style="">
					<p style="color:#0099ff;">旗下用户：9999</p>
					<p style="color:#660099;">配对用户：9999</p>
					<p style="color:#006600;">用户奖励：9999</p>
					<p style="color:#ff3366;">出局次数：6</p>
				
				</div>
				
				
				
				<div
					style="width: 1px; margin: 0 auto; height: 30px; border: 1px solid #666;"></div>
				<div
					style="width: 550px; margin: 0 auto; height: 30px; border: 1px solid #666; border-bottom: none;">

				</div>
				<div
					style="width: 100px; margin-left: 175px; height: 100px; background: #22b804; border-radius: 50px; line-height: 20px; float: left;">
					<p style="text-align: center; color: #fff;padding-top:10px;">用户：9527</p>
					<p style="text-align: center; color: #fff;">左边:2</p>
					<p style="text-align: center;; color: #fff;">右边:0</p>
				</div>
				<div
					style="width: 100px; margin-left: 727px; height: 100px; background: #ff3366; border-radius: 50px; line-height: 20px;">
						<p  style="text-align:center;line-height:100px;color:#fff;">未激活</p>
					</div>

				<div
					style="width: 1px; margin-left: 225px; height: 30px; border: 1px solid #666; float: left;"></div>
				<div
					style="width: 1px; margin-left: 774px; height: 30px; border: 1px solid #666;"></div>

				<div
					style="width: 350px; margin-left: 50px; height: 30px; border: 1px solid #666; border-bottom: none; float: left;">


				</div>


				<div
					style="width: 350px; margin-left: 600px; height: 30px; border: 1px solid #666; border-bottom: none;">


				</div>

				<div
					style="width: 100px; margin-left: 0px; height: 100px; background: #22b804; border-radius: 50px; line-height: 20px; float: left;">
					<p style="text-align: center; color: #fff;padding-top:10px;">用户：9527</p>
					<p style="text-align: center; color: #fff;">左边:2</p>
					<p style="text-align: center;; color: #fff;">右边:0</p>
				</div>
				<div
					style="width: 100px; margin-left: 250px; height: 100px; background: #666; border-radius: 50px; line-height: 20px; float: left">

					<p style="text-align: center; line-height: 100px; color: #fff;">空</p>
				</div>

				<div
					style="width: 100px; margin-left: 104px; height: 100px; background: #666; border-radius: 50px; line-height: 20px; float: left;">
					<p style="text-align: center; line-height: 100px; color: #fff;">空</p>
				</div>
				<div
					style="width: 100px; margin-left: 903px; height: 100px; background: #ff3366; border-radius: 50px; line-height: 20px;">
					<p style="text-align: center; line-height: 100px; color: #fff;">未激活</p>
				</div>

			</div>













		</div>



	</div>


	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/bootstrap.min.js?v=3.4.0"></script>
	<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../js/hplus.js?v=2.2.0"></script>
	<script src="../js/plugins/pace/pace.min.js"></script>
	<script src="../js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../js/plugins/validate/messages_zh.min.js"></script>
	<script>
		//以下为修改jQuery Validation插件兼容Bootstrap的方法，没有直接写在插件中是为了便于插件升级
		$.validator.setDefaults({
			highlight : function(element) {
				$(element).closest('.form-group').removeClass('has-success')
						.addClass('has-error');
			},
			success : function(element) {
				element.closest('.form-group').removeClass('has-error')
						.addClass('has-success');
			},
			errorElement : "span",
			errorClass : "help-block m-b-none",
			validClass : "help-block m-b-none"

		});
		//以下为官方示例
		$().ready(function() {
			$("#commentForm").validate();
		});
	</script>

</body>

</html>
